<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="<div ort" content="width=device-width, initial-scale=1.0">
    <style>
        .result-page {
            width: 500px;
            padding: 30px;
            box-sizing: border-box;
            color: #222121;
            font-size: 16px;
        }

        .result-page .result-title {
            font-size: 18px;
            font-weight: bold;
        }

        .result-page .result-table {
            margin: 40px auto;
            text-align: center;
            border: 1px solid #e3e3e3;
        }

        .result-page .result-table .table-title .table-item {
            font-weight: 600;
        }

        .result-page .result-table .table-title,
        .result-page .result-table .table-li {
            display: flex;
            text-align: center;
            min-height: 48px;
            border-bottom: 1px solid #e3e3e3;
        }

        .result-page .result-table .table-title .table-item,
        .result-page .result-table .table-li .table-item {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 10px;
            box-sizing: border-box;
        }

        .result-page .result-table .table-title .table-item:nth-child(1),
        .result-page .result-table .table-li .table-item:nth-child(1) {
            max-width: 150px;
        }

        .result-page .result-table .table-title .table-item:nth-child(n + 2),
        .result-page .result-table .table-li .table-item:nth-child(n + 2) {
            border-left: 1px solid #e3e3e3;
        }

        .result-page .result-desc {
            margin-top: 10px;
        }

    </style>
    <title>Document</title>
</head>
<body>
<div class='result-page'>
    <p class='result-title'>院校专业查询结果：</p>
    <div class="result-table">
        <div class='table-title'>
            <p class='table-item'> 院校类别</p>
            <p class='table-item'> 院校名称</p>
            <p class='table-item'> 招生专业</p>
        </div>
        @foreach($order->test_result as $item)
        <div class='table-li'>
            <p class='table-item'> {{$item['type']}}</p>
            <p class='table-item'> {{$item['name']}}</p>
            <p class='table-item'> {{$item['major']}}</p>
        </div>
        @endforeach
    </div>
</div>
<p class='result-title'> 评价：</p>
<p class='result-desc'>{{$order->score_info}}</p>

</body>
</html>